<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>关于我们</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="css/public.css">
</head>

<body>
    <!-- 模态框（Modal） -->
    <div class="modal fade bs-example-modal-lg" id="license" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div>
                </div>
                <div class="modal-body text-center">
                    <img src="img/license.png" style="width: 600px;">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>
    <!--  -->
    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div>
                </div>
                <div class="modal-body text-center">
                    <img src="img/gongzhongcrcode.jpg" alt="">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>
    <!--  -->
    <!-- modal  register -->
    <div class="modal fade  bs-example-modal-lg" tabindex="-1" role="dialog" id='register'>
        <div class="modal-dialog  bs-example-modal-lg" role="document">
            <div class="modal-content register ">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"> ×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <div>
                            <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                            <div class="col-sm-6">
                                <span class="registerMes">
                                    &nbsp;
                                    <!-- 注册失败，请重新注册 -->
                                </span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 col-xs-offset-2 control-label">账号:</label>
                            <div class="col-sm-6">
                                <input class="form-control" id="inputUsername" maxlength="30" name="username">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword" class="col-sm-2 col-xs-offset-2 control-label">密码:</label>
                            <div class="col-sm-6">
                                <input type="password" class="form-control a" id="inputPassword" placeholder=" " maxlength="16" name="psw">
                            </div>
                        </div>
                        <div class="form-group" style="margin-bottom: 0px;">
                            <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                            <div class="col-sm-6">
                                <button type="button" class="form-control zhuce btn btn-primary" id="zhuce">注 册</button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                            <div class="col-sm-6 text-right link-a">
                                <a>登录</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!-- modal  login -->
    <div class="modal fade  bs-example-modal-lg" tabindex="-1" role="dialog" id='login'>
        <div class="modal-dialog  bs-example-modal-lg" role="document">
            <div class="modal-content register ">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true"> ×</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" role="form">
                        <div>
                            <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                            <div class="col-sm-6 loginmsg">
                                &nbsp;
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 col-xs-offset-2 control-label">账号:</label>
                            <div class="col-sm-6">
                                <input class="form-control" id="loginUsername" maxlength="30">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputPassword" class="col-sm-2 col-xs-offset-2 control-label">密码:</label>
                            <div class="col-sm-6">
                                <input type="password" class="form-control" id="loginPassword" placeholder=" " maxlength="16">
                            </div>
                        </div>
                        <div class="form-group" style="margin-bottom: 0px;">
                            <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                            <div class="col-sm-6">
                                <button type="button" class="form-control zhuce btn btn-primary" id="denglu">登 录</button>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 col-xs-offset-2 control-label"></label>
                            <div class="col-sm-6 text-right link-a">
                                <a>注册</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!-- heaeder -->
    <navbar>
        <div class="container ">
            <div class="row">
                <div class="navbar-heade pull-right">
                    <ul class="navbar-nav ">
                        <li class="hearder-List my-hide" section="NotloginSection">
                            <a data-target="#login" data-toggle="modal" class="hearder-login">
                                <img src="img/index-denglu1.png" alt="登录" class="ico"> 登录 </a>
                        </li>
                        <li class="hearder-List hearder-zhuce my-hide" section="NotloginSection">
                            <a data-target="#register" data-toggle="modal">
                                <img src="img/index-zhuce1.png" alt="注册" class="ico"> 注册 </a>
                        </li>
                        <li class="hearder-List my-hide" section="loginSection">
                            <a id="usernameLink"></a>
                        </li>
                        <li class="hearder-List ">
                            <a data-target="#myModal" data-toggle="modal">
                                <img src="img/index-guanzhu1.png" alt="关注" class="ico"> 关注 </a>
                        </li>
                        <li class="hearder-List my-hide" section="loginSection">
                            <a id="logout">
                                <img src="img/index-loginout.png" alt="关注" class="ico"> 退出 </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-6 ">
                    <img src="img/index-shener.png" alt="" style="width:50px;height:50px;">
                    <span class="header-title"> &nbsp; 深圳市泽慧文化传播有限公司</span>
                </div>
                <div class="col-xs-2"> </div>
                <div class="col-xs-6 ">
                    <ul class="navbar-nav  aa">
                        <li class="hearder-List2">
                            <a href="index.html">
                                首页 </a>
                        </li>
                        <li class="hearder-List2">
                            <a href="detail.html">国学小书童 </a>
                        </li>
                        <li class="hearder-List2">
                            <a href="about.html">
                                关于我们 </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </navbar>
    <!-- main -->
    <div class="container">
        <div class="row">
            <div class="introduce-introduce">
                <div class="col-xs-6 introduce-introduce-left">
                    <h2>公司简介</h2>
                    <p> &nbsp;&nbsp;&nbsp;&nbsp;深圳市泽慧文化传播有限公司是神尔股份旗下品牌全资控股子公司，是神尔的研发中心，致力于数字化国学经典课程体系的研发和推广.公司的核心产品是数字化国学经典课件,课件的结构包括导学、课文、故事、练习和小结。课件以flash技术作为载体，整体的动画设计思路是以夫子和书童的对话进行串联，通过flash二维动画进行展示,动画的趣味性和互动感较强,设计场景表现丰富,画面精美。</p>
                </div>
                <div class="col-xs-6 text-right introduce-introduce-right">
                    <img src="img/introduce-pic.png" alt="">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="introduce-contactus">
                <div class="col-xs-6">
                    <div class="pic2Warp">
                        <img src="img/introduce-pic2.jpg" alt="">
                    </div>
                </div>
                <div class="col-xs-6">
                    <ul class="introduce-contactus-list">
                        <li class="introduce-contactus-list1">
                            <img src="img/introduce-ico1.png" alt="">&nbsp; 联系我们</li>
                        <li class="introduce-contactus-list2">&nbsp;&nbsp;&nbsp;
                            <img src="img/introduce-ico2.png" alt="" class="floatLeft"> &nbsp;&nbsp;&nbsp;
                            <ul class="floatLeft">
                                <li> 0755-26862580</li>
                                <li>（欧阳小姐）</li>
                            </ul>
                        </li>
                        <li class="introduce-contactus-list2">&nbsp;&nbsp;&nbsp;
                            <img src="img/introduce-ico3.png" alt="" class="floatLeft"> &nbsp;&nbsp;&nbsp;
                            <ul class="floatLeft">
                                <li> 深圳市南山区南海大道1079号花园 </li>
                                <li>城数码大厦A座7楼</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="footer text-center">
            <div class="row">
                <div class="declare-content"><a onclick="window.open('agreement.html')">
                            用户协议
                        </a>|<a onclick="window.open('parents_care.html')">
                            家长监护
                        </a>
                </div>
            </div>
            <div class="row">
                <div>版权所有 @ 深圳市泽慧文化传播有限公司</div>
                <div class="declare-content"><a onclick="window.open('http://www.miitbeian.gov.cn')">粤ICP备15010834号-2</a></div>
            </div>
            <div class="licenseDiv" data-target="#license" data-toggle="modal" style="right: 100px;">
                <img src="img/license.png" style="width:120px;">
            </div>
        </div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
</body>

</html>